var uName = $("#uName");//document.getElementById("uName");
var uPwd = $("#uPwd");//document.getElementById("uPwd");

window.onload = function(){
	uName.focus();
};

$(function(){
	$("div#login form").validate({
		
		rules:{
			uName:{
				required:true
			},
			uPwd:{
				required:true
			}
		}, 
		
		messages:{
			uName:{
				required:"用户名不能为空"
			},
			uPwd:{
				required:"密码不能为空"
			}
		},

		errorClass:"unpassed_validation",
		validClass:"passed_validation",
		
		/* 当执行验证操作的元素未通过验证时触发函数 */
		/* element指代所有满足上述条件的元素 */
		highlight:function(element,errorClass,validClass){
			$(element).addClass(errorClass);
		},
		
		/* 当未通过验证操作的元素通过验证时触发函数 */
		/* element指代所有满足上述条件的元素 */
		unhighlight:function(element,errorClass,validClass){
			$(element).removeClass(errorClass);
		},
		
		/* 指定用什么标签标记错误信息 */
		errorElement:"label",
		
		/* 指定用什么信息把上面的errorElement包裹起来 */
		/* 默认为none */
		/* wrapper:"div" */
		
		/* 指定错误消息的显示位置 */
		errorPlacement:function(error,element){
			var label = $(element).parent().find("label[for=" + $(element).attr("id") + "]");
			label.attr("error_info",$(error).html());
		},
		
		/* 要验证的元素通过验证后的动作 */
		success:function(){
			/* 不显示默认的error标签 */
			/* 而利用content属性在label标签后面显示错误信息 */
		}
		
	});
});